<template>
  <div class="home">
    <a-button type="primary" size="default">
      <template #icon>
        <DownloadOutlined />
      </template>
      {{ buttonText }}
    </a-button>
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component'
import { DownloadOutlined } from '@ant-design/icons-vue'
import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src

@Options({
  components: {
    HelloWorld,
    DownloadOutlined
  },
  data: () => ({
    buttonText: '下载按钮'
  })
})

export default class Home extends Vue {
  buttonText!: string;
}
</script>
